<template>
  <div id="app">
    <div id="cover"></div>
    <router-link to="/login">login</router-link>
    <transition name="fade">
    <router-view/>
    </transition>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style lang="stylus" scoped>
  #app
    background-image url('assets/images/beijing.jpg')
    background-size cover
    background-position center
    position absolute
    left 0
    right 0
    top 0
    bottom 0
    overflow hidden
    #cover
      position absolute
      left 0
      right 0
      top 0
      bottom 0
      background-color #999
      opacity 0.2
      z-index -1
  .fade-enter-active,.fade-enter-active
    transition opacity 0.2s
  .fade-enter,.fade-enter-to
    opacity 0
</style>
